<template>
	<div>
		<div :id="id" class="mychart"></div>
	</div>
</template>

<script>
	export default {
		props: {
			id: {
				type: String,
				default: ''
			},
		},
		methods: {
			renderChart(data) {
				var _this = this;
				let myChart = this.$echarts.init(document.getElementById(this.id))
				// 绘制图表
				myChart.setOption({
					xAxis: { //x轴属性
						type: 'category', //类型
						data: data.x, //数据
					},
					yAxis: { //y轴属性
						type: 'value', //类型
					},
					
					series: [{ //系列列表。每个系列通过 type 决定自己的图表类型
						data: data.y, //数据
						type: 'line', //类型
					}]
				});
			}
		},
	}
</script>

<style scoped>
	.mychart {
		width: 100%;
		height: 30rem;
	}
</style>

